<template>
    <div class="common-layout">
        <el-container>
            <el-aside :width="store.state.HomeModules.navBool">
                <LeftMenu />
            </el-aside>
            <el-container>
                <el-header>
                    <AppHeader />
                </el-header>
                <!-- TAG标签 -->
                <div class="tag">
                    <AppTabs></AppTabs>
                </div>
                <el-main>
                    <router-view />
                </el-main>
            </el-container>            
        </el-container>
    </div>
</template>
  
  
<script setup lang="ts">
import LeftMenu from "../components/LeftMenu.vue";
import AppHeader from "../components/AppHeader.vue";
// TAG标签
import AppTabs from '../components/AppTabs.vue';
import { useStore } from 'vuex';

const store = useStore();








</script>
  
  
<style lang="scss">
.common-layout{
    .el-aside{
        background-color: #d9ecff;
    }
    .el-header{
        background-color: #c6e2ff;
    }
    .el-main{
        background-color: #ecf5ff;
    }
}
// 高度100%
.el-aside,.el-container,.common-layout,#app,body,html{
    height: 100%;
}
</style>
  
